﻿.tree{
	width:auto;
	float:left;
}

.line{
	width:100%;
	height:25px;
}

.branch{
	width:10px;
	height:25px;
	background-image:url('/image/layout/branch.png');
	background-repeat:no-repeat;
	float:left;
}

.direct{
	background-image:url('/image/layout/branch-direct.png');
}

.empty
{
	background-image:none;
}

.pad{
	width:30px;
	height:25px;
	background-image:url('/image/layout/pad.png');
	background-repeat:no-repeat;
	background-position:0px 21px;
	float:left;
}

.tab{
	width:30px;
	height:25px;
	float:left;
}

.node{
	height:25px;
	background-image:url('/image/layout/node.png');
	background-repeat:no-repeat;
	background-position:0px 8px;
	float:left;
	position:relative;
	top:10px;
	padding-left:12px;
	font-size:17px;
}

.selected
{
	border:solid 1px red;
	height:23px;
}

.node a{
	color:blue;
	text-decoration:none;
}

.control{
	float:left;
	width:auto;
	padding-left:10px;
}

.actionbar{
	height:25px;
	width:100px;
	position:relative;
	top:10px;
	float:left;
	visibility:hidden;
}

.item{
	float:left;
	width:25px;
	height:25px;
}

.view
{
	background-image:url('/image/layout/ViewIcon.png');
}

.add
{
	background-image:url('/image/layout/AddIcon.png');
}

.edit
{
	background-image:url('/image/layout/EditIcon.png');
}

.remove
{
	background-image:url('/image/layout/RemoveIcon.png');
}
